// 1. 定義字體路徑
$font-path: "@/assets/fonts";

// 2. 定義字體 mixin
@mixin font-face($name, $file-path, $weight: normal, $style: normal) {
    @font-face {
        font-family: $name;
        src: url("#{$font-path}/#{$file-path}.ttf") format("truetype");
        font-weight: $weight;
        font-style: $style;
        font-display: swap;
    }
}

// 3. 使用 mixin 定義字體
// Roboto
@include font-face("Roboto", "Roboto/Roboto-Regular", 400, normal);
@include font-face("Roboto", "Roboto/Roboto-RegularItalic", 400, italic);
@include font-face("Roboto", "Roboto/Roboto-Thin", 100, normal);
@include font-face("Roboto", "Roboto/Roboto-ThinItalic", 100, italic);

// Roboto Mono
@include font-face("Roboto Mono", "Roboto_Mono/RobotoMono-VariableFont_wght", normal, normal);
@include font-face(
    "Roboto Mono",
    "Roboto_Mono/RobotoMono-Italic-VariableFont_wght",
    normal,
    italic
);

// Gilroy
@include font-face("Gilroy", "Gilroy/Gilroy-Black", 900, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-BlackItalic", 900, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Heavy", 800, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-HeavyItalic", 800, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-ExtraBold", 800, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-ExtraBoldItalic", 800, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Bold", 700, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-BoldItalic", 700, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-SemiBold", 600, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-SemiBoldItalic", 600, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Medium", 500, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-MediumItalic", 500, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Regular", 400, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-RegularItalic", 400, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Light", 300, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-LightItalic", 300, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-UltraLight", 200, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-UltraLightItalic", 200, italic);
@include font-face("Gilroy", "Gilroy/Gilroy-Thin", 100, normal);
@include font-face("Gilroy", "Gilroy/Gilroy-ThinItalic", 100, italic);
